<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title></title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/loginAndRegister.css">
    <script type="text/javascript" src="layui/layui.all.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/method.js"></script> 
 	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script> 
	<link rel="stylesheet" href="css/layer-animate.css"/> 
	<link rel="stylesheet" href="css/profilestyle.css">
	<script type="text/javascript" src="js/regular.js"></script>
	
	<style type="text/css">
	 .boxOuter{
	width: 100%;
	text-align: center;
	height: 20px;
	margin-bottom: 3px;
	}
	
	.boxInner{
	width: 50%;
	float: left;
	font-size: 20px;
	}
	</style>
	
	</head>
	<div class="layui-bg-blue" id="top" ><a href="http://localhost:8080/index.html">欢迎使用瑜伽APP</a></div>
	
	<div class="layui-tab layui-tab-brief" lay-filter="demo">
  <ul class="layui-tab-title">
    <li class="layui-this">手机登录</li>
    <li>账号登录</li>
    <li>邮箱登录</li>
	<li><a onclick="findPwd()">找回密码</a></li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">		
	 <div id="login">手机登录</div>
	  <div class="centerBox">
	<input type="text"  placeholder="请输入账号" id="account1" onkeyup="phoneCheck()"/>
	<p><span id="judge1"></span></p>
	  <input type="password"  placeholder="请输入密码" id="pwd1"/>
	  <div style="margin-top:20px"><img src="/PictureCode/loginCode" class="loginImgCode"></div>
	  <input type="text"  placeholder="请输入验证码" id="loginCode1" />  
	  <button  onclick="loginByPhone()" type="button" id="button1">登录</button>
	  <button  onclick="register()" type="button">注册账号</button>
	  </div>

	</div>
    <div class="layui-tab-item">
	  <div id="login">个性登录</div>
	  <div class="centerBox">
	<input type="text"  placeholder="请输入账号" id="account"/>
	  <input type="password"  placeholder="请输入密码" id="pwd2"/>
	  <div style="margin-top:20px"><img src="/PictureCode/loginCode" class="loginImgCode"></div>
	  <input type="text"  placeholder="请输入验证码" id="loginCode2" />  
	  <button  onclick="loginByAccount()" type="button">登录</button>
	  <button  onclick="register()" type="button">注册账号</button>
	  </div>
		
	</div>
    <div class="layui-tab-item">
	  <div id="login">邮箱登录</div>
	  <div class="centerBox">
	  <input type="text" id="mail" name="mail" placeholder="请输入账号" onkeyup="ischeckemail()"/>
	 	<p><span id="judge2"></span></p>
	  <input type="password" id="pwd3" placeholder="请输入密码"/>	  
	  <div style="margin-top:20px"><img src="/PictureCode/loginCode" class="loginImgCode"></div>
	  <input type="text" id="loginCode3"  placeholder="请输入验证码" id="loginCode3"/>
	  <button  onclick="loginByMail()" type="button" id="button3">登录</button>
	  <button  onclick="register()" type="button">注册账号</button>			
	</div>
  </div>
</div>
</div>
	
	</body>
</html>
